.sidebar-2sp6H {
	position:fixed;
	width:180px;
	margin-left:-180px;
	text-align:right;
	font-size:18px;
	line-height:24px;
	background:#f9f9f9;
	padding-right:30px;
	z-index:2
}
.sidebar-2sp6H .allBoard-3I0WQ {
	margin-top:28px
}
.sidebar-2sp6H li {
	margin-top:20px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.sidebar-2sp6H .reqLink-270wN a {
	font-size:15px;
	color:rgba(0, 0, 0, .6)
}
.sidebar-2sp6H .reqLink-270wN .active-2HWEP {
	color:rgba(0,0,0,0.85)
}
.sidebar-2sp6H a {
	color:#000;
	word-break:keep-all;
	line-height:20px
}
.myBoards-feJrt {
	margin-top:20px;
	overflow-y:scroll
}
.myBoards-feJrt>li:first-child {
	margin-top:0
}
.padding-2jFk0 {
	position:fixed;
	width:1170px;
	background:#f9f9f9;
	z-index:1
}
.contain-2D71y, .singleBoard-1heqi {
	display:flex;
	flex-wrap:wrap
}
.singleBoard-1heqi {
	justify-content:space-between
}
.boardHeader-LcG8P {
	height:155px;
	background:#fff;
	display:flex;
	align-items:center;
	border-radius: 10px;
	margin-bottom: 20px;
	width:100%
}
.content-2cmtm {
	width:874px;
	background:#fff
}
.list-_1o4A {
	padding:0 40px
}
.rightBar-1rFez {
	width:calc(100% - 680px);
	margin-left:auto
}
.rightSection-1KuwM {
	background:#fff;
	border-radius: 10px;
	margin-bottom:20px
}
.rightSection-1KuwM>* {
	padding:15px 20px
}
.boardInfo-1FoLf {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center
}
.boardInfo-1FoLf .countBar-1Ph1U {
	width:100%;
	height:120px;
	display:flex;
	justify-content:space-between;
	align-items:center
}
.boardInfo-1FoLf .countBar-1Ph1U>div {
	padding-top:3px;
	text-align:center;
	width:45%;
	font-size:24px;
	color:rgba(0, 0, 0, .8);
	line-height:20px
}
.boardInfo-1FoLf .countBar-1Ph1U>div span {
	margin-top:7px;
	font-size:14px;
	color:rgba(0, 0, 0, .5);
	display:block
}
.boardInfo-1FoLf .countBar-1Ph1U i {
	width:1px;
	height:24px;
	background:rgba(0, 0, 0, .1)
}
.miui13Bg-2Jh1x {
	display:flex;
	justify-content:space-between;
	height:120px;
	position:relative;
	padding:32px 23px 31px 40px;
	z-index:1;
	color:#fff
}
.miui13Bg-2Jh1x>img {
	position:absolute;
	width:100%;
	height:100%;
	z-index:-1;
	top:0;
	left:0
}
.miui13Bg-2Jh1x .imgTitle-3kDjo {
	font-size:24px;
	line-height:32px
}
.miui13Bg-2Jh1x .imgDesc-3ht-- {
	font-size:14px;
	margin-top:6px
}
.miui13Bg-2Jh1x .btns-2McIO {
	display:flex;
	font-size:10px;
	margin-top:2px
}
.miui13Bg-2Jh1x .btns-2McIO .btn-Cevyo {
	text-align:center;
	cursor:pointer;
	margin-right:17px
}
.miui13Bg-2Jh1x .btns-2McIO .btn-Cevyo img {
	width:36px;
	height:36px
}
.miui13Bg-2Jh1x .btns-2McIO .btn-Cevyo .gap-2unVE {
	margin-top:10px
}
.miui13BgMargin-1JZvU {
	height:10px;
	background-color:#f9f9f9
}
.toppingList-zIQMI {
	font-size:16px;
	height:unset;
	border-bottom:1px solid rgba(0, 0, 0, .1);
	margin-top:30px;
	position:relative;
	width:calc(100% + 80px);
	margin-left:-40px;
	padding:0 40px 20px
}
.toppingList-zIQMI ul {
	margin-bottom:0
}
.toppingList-zIQMI li {
	margin-bottom:10px;
	display:flex;
	align-items:center
}
.toppingList-zIQMI li:hover {
	cursor:pointer
}
.toppingList-zIQMI li .time-13BfL {
	margin-left:auto;
	font-size:14px;
	color:rgba(0, 0, 0, .5)
}
.toppingList-zIQMI li .title-xd139 {
	max-width:60%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	color:rgba(0, 0, 0, .8)
}
.toppingList-zIQMI li .title-xd139:hover { color: rgba(0,0,0,0.85)}
.dropDown-NVnpM {
	display:flex;
	align-items:center;
	cursor:pointer;
	text-align:center;
	position:absolute;
	justify-content:center;
	bottom:5px;
	width:calc(100% - 80px);
	font-size:14px
}
.dropDown-NVnpM span {
	font-size:14px;
	line-height:19px;
	color:rgba(0, 0, 0, .5);
	margin-right:2px
}
.dropDown-NVnpM img {
	display:block;
	width:19px;
	height:19px;
-webkit-transition:-webkit-transform .5s;
transition:-webkit-transform .5s;
transition:transform .5s;
transition:transform .5s, -webkit-transform .5s
}
.dropDown-NVnpM img.active-EaZED {
	-webkit-transform:rotateX(180deg);
	transform:rotateX(180deg)
}
.masterCard-e6DlA li {
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-top:20px
}
.masterCard-e6DlA .pic-1JIsl {
	width:64px;
	height:64px;
	position:relative;
	border-radius:50%;
	overflow:hidden;
	object-fit:cover;
	margin-right:5px;
	border:1px solid rgba(0, 0, 0, .04)
}
.masterCard-e6DlA .pic-1JIsl img {
	height:100%;
	width:100%
}
.masterCard-e6DlA .name-PFVhL {
	font-size:16px;
	color:rgba(0, 0, 0, .9)
}
.masterCard-e6DlA .signature-WHIzZ {
	width:190px;
	font-size:14px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	color:rgba(0, 0, 0, .5)
}
.memberList-hBHRf .title-SpMfR {
	display:flex;
	justify-content:space-between
}
.memberList-hBHRf ul {
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	height:unset;
	margin-top:-6px
}
.memberList-hBHRf .memberPic-3qHGl {
	width:52px;
	text-align:center;
	margin-top:26px;
	margin-right:20px
}
.memberList-hBHRf .memberPic-3qHGl:nth-child(4n+4) {
margin-right:0
}
.memberList-hBHRf .memberPic-3qHGl .pic-3TE6Q {
	width:52px;
	height:52px;
	border-radius:50%;
	overflow:hidden;
	position:relative;
	object-fit:cover;
	margin-bottom:13px;
	box-sizing:content-box;
	border:1px solid rgba(0, 0, 0, .04)
}
.memberList-hBHRf .memberPic-3qHGl .pic-3TE6Q img {
	height:100%;
	width:100%
}
.memberList-hBHRf .name-3RLgQ {
	font-size:14px;
	color:rgba(0, 0, 0, .9);
	text-align:center;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.dropDown-HcUhV {
	display:flex;
	align-items:center;
	cursor:pointer
}
.dropDown-HcUhV span {
	font-size:14px;
	line-height:19px;
	color:rgba(0, 0, 0, .5);
	margin-right:2px
}
.dropDown-HcUhV img {
	display:block;
	width:19px;
	height:19px;
-webkit-transition:-webkit-transform .5s;
transition:-webkit-transform .5s;
transition:transform .5s;
transition:transform .5s, -webkit-transform .5s
}
.dropDown-HcUhV img.active-H2Z7S {
	-webkit-transform:rotateX(180deg);
	transform:rotateX(180deg)
}
.boardPic-2HR4z {
	width:86px;
	height:86px;
	border-radius:18px;
	overflow:hidden;
	display:flex;
	position:relative;
	align-items:center;
	justify-content:center;
	object-fit:cover;
	margin:0 30px
}
.boardPic-2HR4z img {
	height:100%;
	width:100%
}
.boardTitle-ZveCv {
	font-weight:700
}
.cnt-3bjqd {
	font-size:15px;
	margin-bottom:15px;
	color:rgba(0, 0, 0, .45)
}
.userList-2rVuQ {
	display:flex;
	height:42px;
	overflow:hidden
}
.userPic-3Ev7H {
	width:40px;
	height:40px;
	box-sizing:content-box;
	position:relative;
	border-radius:50%;
	overflow:hidden;
	object-fit:cover;
	margin-right:5px;
	border:1px solid rgba(0, 0, 0, .04)
}
.userPic-3Ev7H img {
	height:100%;
	width:100%
}
.joinBtn-2Cmpt {
	width:120px;
	height:40px;
	border-radius:20px;
	font-size:16px;
	color:#fff;
	text-align:center;
	margin-left:auto;
	margin-right:20px;
	border:none;
	font-family:mipro;
	text-shadow:unset!important;
	box-shadow:unset!important
}
.joinBtn-2Cmpt, .joinBtn-2Cmpt:focus, .joinBtn-2Cmpt:hover {
	background:rgba(0,0,0,0.85)
}
.joinedBtn-G9hq- {
	width:120px;
	height:40px;
	border-radius:20px;
	font-size:16px;
	text-align:center;
	margin-left:auto;
	margin-right:20px;
	border:none;
	font-family:mipro;
	text-shadow:unset!important;
	box-shadow:unset!important
}
.joinedBtn-G9hq-, .joinedBtn-G9hq-:focus, .joinedBtn-G9hq-:hover {
	background:rgba(0, 0, 0, .04);
	color:rgba(0, 0, 0, .5)
}
.boardInfo-27041 {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	padding-bottom:0;
	width:100%;
	position:relative;
	overflow:hidden
}
.boardInfo-27041 .topicBanner-1HKtl {
	width:130%;
	height:120px;
	position:absolute;
	top:0;
	-webkit-filter:blur(10px);
	-moz-filter:blur(10px);
	-ms-filter:blur(10px);
	filter:blur(10px);
	opacity:.6
}
.boardInfo-27041 .cnt-3bjqd {
	margin-bottom:11px
}
.boardInfo-27041 .boardPic-2HR4z {
	margin-bottom:20px;
	margin-top:19px
}
.boardInfo-27041 .boardTitle-ZveCv {
	width:100%;
	text-align:center;
	font-size:18px;
	font-weight:700;
	z-index:1;
	padding:0 20px
}
.boardInfo-27041 .userList-2rVuQ {
	flex-wrap:wrap;
	width:100%;
	justify-content:center
}
.boardInfo-27041 .joinBtn-2Cmpt, .boardInfo-27041 .joinedBtn-G9hq- {
	margin:20px 0 6px!important
}
.introduce-3NjA8 {
	text-align:center;
	font-size:15px;
	color:rgba(0, 0, 0, .45)
}
.manage-3trHG {
	padding:15px 20px 18px;
	background:#fff;
	margin-bottom:10px
}
.sideTitle-13ey8 {
	font-size:18px;
	color:#000;
	line-height:24px;
	text-align:left
}
.manageBtn-1nVfk {
	margin:25px auto 0;
	background:rgba(0,0,0,0.85);
	border-radius:20px;
	font-size:16px;
	color:#fff;
	text-align:center;
	width:113px;
	height:40px;
	line-height:40px;
	display:block
}
.manageBtn-1nVfk.active-8wds9, .manageBtn-1nVfk:hover {
	color:#fff
}
.container-ZAhG9 {
	padding:12px;
	background-color:#fff
}
.title-MxqbT {
	justify-content:space-between
}
.getMore-1rQ_y, .title-MxqbT {
	display:flex;
	align-items:center
}
.getMore-1rQ_y {
	cursor:pointer
}
.getMore-1rQ_y span {
	font-size:14px;
	line-height:19px;
	color:rgba(0, 0, 0, .5);
	margin-right:2px
}
.getMore-1rQ_y img {
	display:block;
	width:19px;
	height:19px;
	-webkit-transform:rotate(-90deg);
	transform:rotate(-90deg)
}
.winnerItemWrap-1KTh1 {
	position:relative;
	display:flex;
	flex-direction:column;
	align-items:center;
	width:105.71428571px;
	background-size:cover;
	margin:0 -8.57142857px;
	padding-top:8.57142857px
}
.winnerItemWrap-1KTh1:first-child {
	height:122.28571429px;
	background-image:url(//rs.vip.miui.com/vip-resource/prod/mio-pc/v1/static/media/second-bg-short.5aba1fb5.svg);
	color:#667787
}
.winnerItemWrap-1KTh1:first-child .crown-2Q12W {
	background-image:url(//rs.vip.miui.com/vip-resource/prod/mio-pc/v1/static/media/second-crown.1685c426.svg);
	left:55.71428571px
}
.winnerItemWrap-1KTh1:first-child .rank-yyJRF {
	background-image:url(//rs.vip.miui.com/vip-resource/prod/mio-pc/v1/static/media/second-rank.e8fedeef.svg)
}
.winnerItemWrap-1KTh1:nth-child(2) {
height:135.71428571px;
background-image:url(//rs.vip.miui.com/vip-resource/prod/mio-pc/v1/static/media/first-bg-short.07f699ce.svg);
color:#cd6900
}
.winnerItemWrap-1KTh1:nth-child(2) .crown-2Q12W {
background-image:url(//rs.vip.miui.com/vip-resource/prod/mio-pc/v1/static/media/first-crown.41673889.svg);
left:56.85714286px
}
.winnerItemWrap-1KTh1:nth-child(2) .avatar-PSNk2 {
width:42.28571429px;
height:42.28571429px
}
.winnerItemWrap-1KTh1:nth-child(2) .rank-yyJRF {
width:44.85714286px;
height:20.57142857px;
margin-top:2.85714286px;
background-image:url(//rs.vip.miui.com/vip-resource/prod/mio-pc/v1/static/media/first-rank.c6a3ebc9.svg)
}
.winnerItemWrap-1KTh1:nth-child(2) .winnerName-1jOLN {
margin-top:3.71428571px
}
.winnerItemWrap-1KTh1:nth-child(3) {
height:122.28571429px;
background-image:url(//rs.vip.miui.com/vip-resource/prod/mio-pc/v1/static/media/third-bg-short.242a2ea8.svg);
color:#bc6e1e
}
.winnerItemWrap-1KTh1:nth-child(3) .crown-2Q12W {
background-image:url(//rs.vip.miui.com/vip-resource/prod/mio-pc/v1/static/media/third-crown.02a21d8f.svg);
left:55.71428571px
}
.winnerItemWrap-1KTh1:nth-child(3) .rank-yyJRF {
background-image:url(//rs.vip.miui.com/vip-resource/prod/mio-pc/v1/static/media/third-rank.6029bc48.svg)
}
.crown-2Q12W {
	position:absolute;
	top:0;
	width:16px;
	height:16px;
	z-index:1;
	background-size:cover
}
.avatar-PSNk2 {
	position:relative;
	width:34.28571429px;
	height:34.28571429px;
	border:.28571429px solid #000;
	border-radius:50%;
	overflow:hidden
}
.rank-yyJRF {
	width:38.57142857px;
	height:16px;
	margin-top:1.14285714px;
	background-size:cover
}
.winnerName-1jOLN {
	font-size:12px;
	line-height:16px;
	max-width:72px;
	margin-top:4.57142857px;
	overflow-x:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.score-yWjX6 {
	max-width:72px;
	margin-top:2.28571429px
}
.award-zwoRC, .score-yWjX6 {
	font-size:10.28571429px;
	line-height:13.71428571px;
	overflow-x:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.award-zwoRC {
	width:70.28571429px;
	text-align:center;
	border-width:.28571429px;
	border-top:.28571429px solid #000;
	margin-top:4.57142857px;
	padding-top:6.85714286px
}
.winnerContent-WWldr {
	display:flex;
	justify-content:space-between;
	align-items:flex-end
}
.boardList-Mux4Z {
	padding:15px 20px 20px;
	width: 314px;
	border-radius: 10px;
	background:#fff;
	box-sizing: border-box;
	z-index:1
}
.header-E4wiD {
	justify-content:space-between
}
.dropDown-2aoyJ, .header-E4wiD {
	display:flex;
	align-items:center
}
.dropDown-2aoyJ {
	cursor:pointer
}
.dropDown-2aoyJ span {
	font-size:14px;
	line-height:19px;
	color:rgba(0, 0, 0, .5);
	margin-right:2px
}
.dropDown-2aoyJ img {
	display:block;
	width:19px;
	height:19px;
-webkit-transition:-webkit-transform .5s;
transition:-webkit-transform .5s;
transition:transform .5s;
transition:transform .5s, -webkit-transform .5s
}
.dropDown-2aoyJ img.active-2UC3B {
	-webkit-transform:rotateX(180deg);
	transform:rotateX(180deg)
}
.title-2dNaO {
	font-size:18px;
	line-height:24px;
	color:#000
}
.boardCard-1c98J {
	margin-top:20px;
	cursor:pointer
}
.banner-bE2UD, .boardCard-1c98J {
	display:flex;
	align-items:center;
	object-fit:cover;
	border-radius:12px;
	overflow:hidden
}
.banner-bE2UD {
	height:60px;
	width:60px;
	justify-content:center;
	position:relative
}
.banner-bE2UD img {
	width:100%;
	height:100%
}
.boardInfo-2Sohf {
	margin-left:19px
}
.boardName-3wdbA {
	font-size:16px;
	color:rgba(0, 0, 0, .9);
	margin-bottom:2px
}
.collectCnt-1LON7 {
	font-size:14px;
	color:rgba(0, 0, 0, .5)
}
.content-2G0dT {
	width:874px;
	background:#fff
}
.list-1TCu8 {
	padding:0 40px
}
.rightBar-3XE6G {
	width:calc(100% - 680px);
	margin-left:auto
}
.rightSection-vqs0u {
	background:#fff;
	margin-bottom:10px
}
.head-3f7Mn {
	height:35px;
	display:flex;
	align-items:center;
	margin-top:20px;
	margin-bottom:-10px
}
.head-3f7Mn .radio-1L40g {
	margin-left:auto
}
.twoLine-2bkCZ {
	-webkit-line-clamp:2
}
.threeLine-3-DzZ, .twoLine-2bkCZ {
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical
}
.threeLine-3-DzZ {
	-webkit-line-clamp:3
}
.allBoards-10KRm, .navBar-VR9dE {
	background:#fff;
	width:874px
}
.navBar-VR9dE {
	display:flex;
	flex-wrap:wrap;
	padding:0 40px 24px;
	position:relative;
	position:fixed;
	z-index:2
}
.navBar-VR9dE:before {
	content:"";
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:1px;
	background:hsla(0, 0%, 59.2%, .1)
}
.categoryNav-2SJp4 {
	font-size:15px;
	color:rgba(0, 0, 0, .6);
	margin:20px 44px 0 0;
	cursor:pointer
}
.categoryNav-2SJp4.active-3kbbT, .categoryNav-2SJp4:hover {
	color:rgba(0,0,0,0.85)
}
.main-3VczQ>div:first-child {
	padding-top:5px
}
.fixedTitle--DWrz {
	width:874px;
	height:50px;
	line-height:50px;
	padding:0 40px;
	background:#fff;
	z-index:1;
	position:relative;
	position:fixed
}
.fixedTitle--DWrz:before {
	content:"";
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:1px;
	background:hsla(0, 0%, 59.2%, .1)
}
.categoryHeader-G-sic {
	display:flex;
	justify-content:space-between;
	padding:20px 36px 0 40px
}
.categoryName-1qSPJ {
	font-size:18px;
	line-height:24px;
	color:#000
}
.dropDown-2gYgT {
	display:flex;
	align-items:flex-end;
	cursor:pointer
}
.dropDown-2gYgT span {
	font-size:14px;
	line-height:19px;
	color:rgba(0, 0, 0, .5);
	margin-right:2px
}
.dropDown-2gYgT img {
	display:block;
	width:19px;
	height:19px;
-webkit-transition:-webkit-transform .5s;
transition:-webkit-transform .5s;
transition:transform .5s;
transition:transform .5s, -webkit-transform .5s
}
.dropDown-2gYgT img.active-3kbbT {
	-webkit-transform:rotateX(180deg);
	transform:rotateX(180deg)
}
.boardsWrap-uKvGG {
	padding-top:18px;
	max-height:384px;
	overflow:hidden;
-webkit-transition:max-height .5s;
transition:max-height .5s
}
.boards-1fyl- {
	display:flex;
	flex-wrap:wrap;
	padding:0 30px 20px
}
.boardCard-3nuYn {
	display:flex;
	align-items:center;
	width:290px;
	height:112px;
	background:#fff;
	border:1px solid rgba(0, 0, 0, .1);
	border-radius:14px;
	margin:0 0 10px 10px;
	visibility:hidden;
-webkit-transition:-webkit-transform .3s;
transition:-webkit-transform .3s;
transition:transform .3s;
transition:transform .3s, -webkit-transform .3s;
	cursor:pointer
}
.boardCard-3nuYn.show-3FXyN {
	visibility:visible
}
.boardCard-3nuYn:hover {
	-webkit-transform:translateY(-2px);
	transform:translateY(-2px);
	box-shadow:0 11px 29px 0 rgba(27, 32, 45, .08)
}
.banner-3ZsSt {
	position:relative;
	width:72px;
	height:72px;
	margin-left:20px
}
.banner-3ZsSt.notProduct-2m7oj {
	width:66px;
	height:66px;
	margin-left:23px;
	overflow:hidden;
	position:relative;
	border-radius:14px;
	border:1px solid rgba(0, 0, 0, .04);
	box-sizing:border-box
}
.banner-3ZsSt.notProduct-2m7oj img {
	width:72px;
	height:72px;
	object-fit:cover;
	margin-top: 0
}
.boardInfo-b-U20 {
	margin-left:23px
}
.boardName-3qfKp {
	font-size:16px;
	line-height:22px;
	color:rgba(0, 0, 0, .8);
	font-weight:700
}
.staffInfo-uYZZ5 {
	display:flex;
	align-items:center;
	font-size:13px;
	line-height:19px;
	color:rgba(0, 0, 0, .4);
	margin-top:4px
}
.staffInfo-uYZZ5 img {
	width:20px;
	height:16px
}
.count-GL-gH {
	font-size:13px;
	line-height:19px;
	color:rgba(0, 0, 0, .4);
	margin-top:5px
}
.collectCnt-3ujPy {
	margin-left:8px
}
.rightSide-3NGVM {
	position:fixed;
	margin-left:680px
}
